<template>
  <div class="assess">
    <Header></Header>
    <div class="assessMain">
      <p class="current-nav2">
        当前位置 :
        <router-link to="waitAssess">首页</router-link>
        <i>></i>
        <a>已评审</a>
      </p>
      <div class="mianOut">
        <div class="mianInner1 pt50">
          <div class="table_title2">个人评审意见</div>
          <el-table ref="multipleTable" class="mt60" :data="opinionList">
            <el-table-column type="index" align="center" label="序号" width="50"></el-table-column>
            <el-table-column label="文件名" align="center" show-overflow-tooltip>
              <template slot-scope="scope">
                <a class="fileName">{{scope.row.reviewType|changeType}}</a>
              </template>
            </el-table-column>
            <el-table-column prop="operUser" label="操作人" align="center" width="100"></el-table-column>
            <el-table-column prop="operTime" label="操作时间" align="center" width="300"></el-table-column>
            <el-table-column label="操作" align="center" width="100">
              <template slot-scope="scope">
                <el-button class="detail-btn" @click="handleDialogShow(scope.row)">
                  <i class="el-icon-search">查看</i>
                </el-button>
              </template>
            </el-table-column>
          </el-table>
          <div class="table_title2">评审意见汇总列表</div>
          <el-table ref="multipleTable" class="mt60" :data="summaryList">
            <el-table-column type="index" align="center" label="序号" width="50"></el-table-column>
            <el-table-column label="文件名" align="center" show-overflow-tooltip>
              <template slot-scope="scope">
                <a class="fileName">{{scope.row.reviewType|changeType}}</a>
              </template>
            </el-table-column>
            <el-table-column prop="operUser" label="操作人" align="center" width="100"></el-table-column>
            <el-table-column prop="operTime" label="操作时间" align="center" width="300"></el-table-column>
            <el-table-column label="操作" align="center" width="100">
              <template slot-scope="scope">
                <el-button class="detail-btn" @click="handleDialogShow2(scope.row)">
                  <i class="el-icon-search">查看</i>
                </el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
    </div>
    <Footer />
    <el-dialog title :visible.sync="assessTable" width="80%">
      <!-- 形式评审 -->
      <div class="ideaMain" v-if="shapeList.length>0">
        <h2 class="ideaTitle">电力企业应急预案形式评审表</h2>
        <table class="ideaTable ideaTable1">
          <thead>
            <tr>
              <th rowspan="2">评审项目</th>
              <th rowspan="2">评审内容及要求</th>
              <th colspan="3">评审意见</th>
            </tr>
            <tr>
              <th>符合</th>
              <th>不符合</th>
              <th>基本符合</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>{{shapeList[0].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList[0].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList[0].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{shapeList[1].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList[1].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList[1].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{shapeList[2].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList[2].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList[2].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{shapeList[3].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList[3].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList[3].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{shapeList[4].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList[4].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList[4].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{shapeList[5].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList[5].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList[5].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="1">评审专家签字</td>
              <td colspan="4" class="sign-word">
                <img :src="signImgo1" style="height:100px;" />
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- 要素评审 -->
      <div class="ideaMain" v-if="factorList.length>0">
        <h2 class="ideaTitle">电力企业综合应急预案要素评审表</h2>
        <table class="ideaTable ideaTable1">
          <thead>
            <tr>
              <th rowspan="2" colspan="2">评审项目</th>
              <th rowspan="2">评审内容及要求</th>
              <th colspan="3">评审意见</th>
            </tr>
            <tr>
              <th>符合</th>
              <th>不符合</th>
              <th>基本符合</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td rowspan="5" style="width:80px;">{{factorList[0].reviewItemOne}}</td>
              <td
                style="width:100px; padding: 0 10px;text-align: center"
              >{{factorList[0].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[0].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[0].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList[1].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[1].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[1].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList[2].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[2].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[2].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList[3].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[3].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[3].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList[4].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[4].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[4].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList[5].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[5].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[5].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td rowspan="2" style="padding:0 10px;">{{factorList[6].reviewItemOne}}</td>
              <td>
                <p style="padding:0 10px;text-align:center;">{{factorList[6].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList[6].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[6].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>
                <p
                  style="padding:0 10px;text-align:center;width:120px;"
                >{{factorList[7].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList[7].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[7].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td rowspan="2" style="padding:0 10px;">{{factorList[8].reviewItemOne}}</td>
              <td>
                <p style="padding:0 10px;text-align:center;">{{factorList[8].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList[8].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[8].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>
                <p style="padding:0 10px;text-align:center;">{{factorList[9].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList[9].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[9].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td rowspan="4" style="padding:0 10px;">{{factorList[10].reviewItemOne}}</td>
              <td>
                <p
                  style="padding:0 10px;text-align:center;width:120px;"
                >{{factorList[10].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList[10].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[10].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>
                <p style="padding:0 20px;text-align:center;">{{factorList[11].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList[11].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[11].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>
                <p style="padding:0 20px;text-align:center;">{{factorList[12].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList[12].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[12].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>
                <p style="padding:0 20px;text-align:center;">{{factorList[13].reviewItemTwo}}</p>
              </td>
              <td>
                <p>1.{{factorList[13].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[13].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList[14].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[14].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[14].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList[15].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[15].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[15].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList[16].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[16].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[16].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td rowspan="5" style="width:80px;padding:0 10px;">{{factorList[17].reviewItemOne}}</td>
              <td style="width:100px;text-align:center;">{{factorList[17].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[17].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[17].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList[18].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[18].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[18].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList[19].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[19].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[19].selectResult== item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList[20].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[20].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[20].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList[21].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[21].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[21].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="6">
                <p>注 : "*"代表应急预案的关键要素。</p>
              </td>
            </tr>
            <tr>
              <td colspan="2">评审专家签字</td>
              <td colspan="4" class="sign-word">
                <img :src="signImgo2" style="height:100px;" />
              </td>
            </tr>
          </tbody>
        </table>
        <h2 class="ideaTitle" style="margin-top:10px;">电力企业专项应急预案要素评审表</h2>
        <table class="ideaTable ideaTable1" v-if="factorList.length>0">
          <thead>
            <tr>
              <th rowspan="2" colspan="2">评审项目</th>
              <th rowspan="2">评审内容及要求</th>
              <th colspan="3">评审意见</th>
            </tr>
            <tr>
              <th>符合</th>
              <th>不符合</th>
              <th>基本符合</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td colspan="2">{{factorList[22].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[22].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[22].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList[23].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[23].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[23].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList[24].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[24].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[24].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList[25].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[25].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[25].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList[26].reviewItemTwo}}</td>
              <td>
                <p>{{factorList[26].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList[26].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="6">
                <p>注 : "*"代表应急预案的关键要素。如果专项应急预案作为综合应急预案的附件,综合应急预案已经明确胡要素,专项应急预案可省略。</p>
              </td>
            </tr>
            <tr>
              <td colspan="2">评审专家签字</td>
              <td colspan="4" class="sign-word">
                <img :src="signImgo2" style="height:100px;" />
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="ideaMain" v-if="accessoryList.length>0">
        <h2 class="ideaTitle">电力企业应急预案附件要素评审表</h2>
        <table class="ideaTable ideaTable1">
          <thead>
            <tr>
              <th rowspan="2">评审项目</th>
              <th rowspan="2">评审内容及要求</th>
              <th colspan="3">评审意见</th>
            </tr>
            <tr>
              <th>符合</th>
              <th>不符合</th>
              <th>基本符合</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>{{accessoryList[0].reviewItemTwo}}</td>
              <td>
                <p>{{accessoryList[0].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="accessoryList[0].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{accessoryList[1].reviewItemTwo}}</td>
              <td>
                <p>{{accessoryList[1].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="accessoryList[1].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{accessoryList[2].reviewItemTwo}}</td>
              <td>
                <p>{{accessoryList[2].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="accessoryList[2].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td style="width:120px;">{{accessoryList[3].reviewItemTwo}}</td>
              <td style="width:300px;">
                <p>{{accessoryList[3].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="accessoryList[3].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{accessoryList[4].reviewItemTwo}}</td>
              <td>
                <p>{{accessoryList[4].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="accessoryList[4].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="5" style="text-align:left;">
                <p>注 : 附件根据应急工作需要动态设置,部分项目可省略。</p>
              </td>
            </tr>
            <tr>
              <td colspan="1">评审专家签字</td>
              <td colspan="4" class="sign-word">
                <img :src="signImgo3" style="height:100px;" />
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="ideaMain" v-if="gatherList.length>0">
        <h2 class="ideaTitle">突发事件综合应急预案评审意见表</h2>
        <p class="comName">单位名称：{{companyName}}</p>
        <table class="ideaTable">
          <colgroup>
            <col width="160px" />
            <col width />
          </colgroup>
          <tr>
            <td>{{gatherList[0].reviewItemOne}}</td>
            <td>
              <strong>{{reviewTemplateName}}</strong>
            </td>
          </tr>
          <tr>
            <td>{{gatherList[1].reviewItemOne}}</td>
            <td></td>
          </tr>
          <tr>
            <td>{{gatherList[2].reviewItemOne}}</td>
            <td>{{gatherList[0].opinion}}</td>
          </tr>
          <tr>
            <td colspan="1">评审专家签字</td>
            <td colspan="4" class="sign-word">
              <img :src="signImgo4" style="height:100px;" />
            </td>
          </tr>
          <tr>
            <td>备注</td>
            <td>{{gatherList[0].remarks}}</td>
          </tr>
        </table>
      </div>
    </el-dialog>
    <el-dialog title :visible.sync="assessTable2" width="80%">
      <div class="ideaMain" v-if="shapeList2.length>0">
        <h2 class="ideaTitle">电力企业应急预案形式评审表</h2>
        <table class="ideaTable ideaTable1">
          <thead>
            <tr>
              <th rowspan="2">评审项目</th>
              <th rowspan="2">评审内容及要求</th>
              <th colspan="3">评审意见</th>
            </tr>
            <tr>
              <th>符合</th>
              <th>不符合</th>
              <th>基本符合</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>{{shapeList2[0].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList2[0].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList2[0].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{shapeList2[1].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList2[1].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList2[1].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{shapeList2[2].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList2[2].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList2[2].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{shapeList2[3].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList2[3].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList2[3].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{shapeList2[4].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList2[4].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList2[4].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{shapeList2[5].reviewItemTwo}}</td>
              <td>
                <p>{{shapeList2[5].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="shapeList2[5].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="1">评审专家签字</td>
              <td colspan="4" class="sign-word">
                <img
                  v-for="item in signImg1"
                  :key="item"
                  :src="item"
                  style="height:100px;margin-right:10px;"
                />
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="ideaMain" v-if="factorList2.length>0">
        <h2 class="ideaTitle">电力企业综合应急预案要素评审表</h2>
        <table class="ideaTable ideaTable1">
          <thead>
            <tr>
              <th rowspan="2" colspan="2">评审项目</th>
              <th rowspan="2">评审内容及要求</th>
              <th colspan="3">评审意见</th>
            </tr>
            <tr>
              <th>符合</th>
              <th>不符合</th>
              <th>基本符合</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td rowspan="5" style="width:80px;">{{factorList2[0].reviewItemOne}}</td>
              <td
                style="width:100px; padding: 0 10px;text-align: center"
              >{{factorList2[0].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[0].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[0].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList2[1].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[1].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[1].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList2[2].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[2].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[2].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList2[3].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[3].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[3].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList2[4].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[4].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[4].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList2[5].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[5].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[5].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td rowspan="2" style="padding:0 10px;">{{factorList2[6].reviewItemOne}}</td>
              <td>
                <p style="padding:0 10px;text-align:center;">{{factorList2[6].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList2[6].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[6].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>
                <p
                  style="padding:0 10px;text-align:center;width:120px;"
                >{{factorList2[7].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList2[7].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[7].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td rowspan="2" style="padding:0 10px;">{{factorList2[8].review_item_one}}</td>
              <td>
                <p style="padding:0 10px;text-align:center;">{{factorList2[8].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList2[8].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[8].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>
                <p style="padding:0 10px;text-align:center;">{{factorList2[9].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList2[9].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[9].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td rowspan="3" style="padding:0 10px;">{{factorList2[10].reviewItemOne}}</td>
              <td>
                <p
                  style="padding:0 10px;text-align:center;width:120px;"
                >{{factorList2[10].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList2[10].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[10].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>
                <p style="padding:0 20px;text-align:center;">{{factorList2[11].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList2[11].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[11].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>
                <p style="padding:0 20px;text-align:center;">{{factorList2[12].reviewItemTwo}}</p>
              </td>
              <td>
                <p>{{factorList2[12].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[12].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td></td>
              <td>
                <p style="padding:0 20px;text-align:center;">{{factorList2[13].reviewItemTwo}}</p>
              </td>
              <td>
                <p>1.{{factorList2[13].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[13].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList2[14].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[14].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[14].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList2[15].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[15].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[15].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList2[16].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[16].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[16].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td rowspan="5" style="width:80px;padding:0 10px;">{{factorList2[17].reviewItemOne}}</td>
              <td style="width:100px;text-align:center;">{{factorList2[17].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[17].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[17].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList2[18].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[18].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[18].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList2[19].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[19].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[19].selectResult== item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList2[20].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[20].reviewContent}}</p>
              </td>

              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[20].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{factorList2[21].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[21].reviewContent}}</p>
              </td>

              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[21].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="6">
                <p>注 : "*"代表应急预案的关键要素。</p>
              </td>
            </tr>
            <tr>
              <td colspan="2">评审专家签字</td>
              <td colspan="4" class="sign-word">
                <img
                  v-for="item in signImg2"
                  :key="item"
                  :src="item"
                  style="height:100px;margin-right:10px;"
                />
              </td>
            </tr>
          </tbody>
        </table>
        <h2 class="ideaTitle" style="margin-top:10px;">电力企业专项应急预案要素评审表</h2>
        <table class="ideaTable ideaTable1" v-if="factorList2.length>0">
          <thead>
            <tr>
              <th rowspan="2" colspan="2">评审项目</th>
              <th rowspan="2">评审内容及要求</th>
              <th colspan="3">评审意见</th>
            </tr>
            <tr>
              <th>符合</th>
              <th>不符合</th>
              <th>基本符合</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td colspan="2">{{factorList2[22].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[22].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[22].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList2[23].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[23].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[23].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList2[24].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[24].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[24].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList2[25].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[25].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[25].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="2">{{factorList2[26].reviewItemTwo}}</td>
              <td>
                <p>{{factorList2[26].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="factorList2[26].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td colspan="6">
                <p>注 : "*"代表应急预案的关键要素。如果专项应急预案作为综合应急预案的附件,综合应急预案已经明确胡要素,专项应急预案可省略。</p>
              </td>
            </tr>
            <tr>
              <td colspan="2">评审专家签字</td>
              <td colspan="4" class="sign-word">
                <img
                  v-for="item in signImg2"
                  :key="item"
                  :src="item"
                  style="height:100px;margin-right:10px;"
                />
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="ideaMain" v-if="accessoryList2.length>0">
        <h2 class="ideaTitle">电力企业应急预案附件要素评审表</h2>
        <table class="ideaTable ideaTable1">
          <thead>
            <tr>
              <th rowspan="2">评审项目</th>
              <th rowspan="2">评审内容及要求</th>
              <th colspan="3">评审意见</th>
            </tr>
            <tr>
              <th>符合</th>
              <th>不符合</th>
              <th>基本符合</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>{{accessoryList2[0].reviewItemTwo}}</td>
              <td>
                <p>{{accessoryList2[0].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="accessoryList2[0].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{accessoryList2[1].reviewItemTwo}}</td>
              <td>
                <p>{{accessoryList2[1].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="accessoryList2[1].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{accessoryList2[2].reviewItemTwo}}</td>
              <td>
                <p>{{accessoryList2[2].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="accessoryList2[2].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td style="width:120px;">{{accessoryList2[3].reviewItemTwo}}</td>
              <td style="width:300px;">
                <p>{{accessoryList2[3].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="accessoryList2[3].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>
            <tr>
              <td>{{accessoryList2[4].reviewItemTwo}}</td>
              <td>
                <p>{{accessoryList2[4].reviewContent}}</p>
              </td>
              <td
                v-for="item in radios"
                :key="item"
                :class="accessoryList2[4].selectResult == item ? 'div-radio1' : 'div-radio2'"
              ></td>
            </tr>

            <tr>
              <td colspan="5" style="text-align:left;">
                <p>注 : 附件根据应急工作需要动态设置,部分项目可省略。</p>
              </td>
            </tr>
            <tr>
              <td colspan="1">评审专家签字</td>
              <td colspan="4" class="sign-word">
                <img
                  v-for="item in signImg3"
                  :key="item"
                  :src="item"
                  style="height:100px;margin-right:10px;"
                />
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="ideaMain" v-if="gatherList2.length>0">
        <h2 class="ideaTitle">突发事件综合应急预案评审意见表</h2>
        <p class="comName">单位名称：{{companyName2}}</p>
        <table class="ideaTable">
          <colgroup>
            <col width="160px" />
            <col width />
          </colgroup>
          <tr>
            <td>{{gatherList2[0].reviewItemOne}}</td>
            <td>
              <strong>{{reviewTemplateName}}</strong>
            </td>
          </tr>
          <tr>
            <td>{{gatherList2[1].reviewItemOne}}</td>
            <td></td>
          </tr>
          <tr>
            <td>{{gatherList2[2].reviewItemOne}}</td>
            <td>
              <p style="text-indent:20px;">
                {{gatherList2[0].createTime.split(' ')[0].split('-')[0]+'年'+gatherList2[0].createTime.split(' ')[0].split('-')[1]+'月'+gatherList2[0].createTime.split(' ')[0].split('-')[2]}}日，{{gatherList2[0].companyName}}进行了应急预案专家评审工作。
                评审专家组参照《电力企业应急预案评审与备案细则》，从合法性、完整性、针对性、实用性、科学性、操作性和衔接性等方面，对应急预案的层次结构、语言文字、要素内容、附件项目等进行了系统的审查，并查看了应急预案桌面演练的记录，形成如下评审意见:
              </p>
              <el-input type="textarea" class='addSuggest' v-model="suggest2" readonly ></el-input>
            </td>
          </tr>
          <tr>
            <td>
              评审专家组
              <br />一致认为：
            </td>
            <td>{{gatherList2[0].consensus}}</td>
          </tr>
          <tr>
            <td colspan="1">评审专家签字</td>
            <td colspan="4" class="sign-word">
              <img
                v-for="item in signImg4"
                :key="item"
                :src="item"
                style="height:100px;margin-right:10px;"
              />
            </td>
          </tr>
          <tr>
            <td>备注</td>
            <td>{{gatherList2[0].remarks}}</td>
          </tr>
        </table>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import Header from "../common/header2";
import Footer from "../common/footer";
import config from "../../config.js";
export default {
  components: {
    Header,
    Footer
  },
  data() {
    return {
      opinions: [],
      assessTable: false,
      assessTable2: false,
      signImg1: "",
      signImg2: "",
      signImg3: "",
      signImg4: "",
      signImgo1: "",
      signImgo2: "",
      signImgo3: "",
      signImgo4: "",
      companyName: "",
      companyName2: "",
      reviewTemplateName: "",
      radios: [1, 2, 3],
      opinionList: [],
      summaryList: [],
      factorList: [], 
      shapeList: [], 
      accessoryList: [], 
      gatherList: [], 
      factorList2: [], 
      shapeList2: [],
      accessoryList2: [], 
      gatherList2: [], 
      suggest2: ""
    };
  },
  created() {
    this.getOpinionList();
    this.getSummaryList();
  },
  methods: {
    getOpinionList() {
      let url = config.baseUrl + "bsReview/v1.0/review/list";
      let params = {
        planSummaryId: this.$route.query.id,
        userId: JSON.parse(localStorage.getItem("user")).id
      };
      this.$axios(url, { params: params }).then(res => {
        if (res.data.meta.success) {
          this.opinionList = res.data.data;
          this.reviewTemplateName = this.opinionList[0].reviewTemplateName;
          if(this.opinionList.length>0){
            this.opinionList.map(item=>{
              item.operTime=item.operTime.split('.')[0]
            })
          }
        } else {
          this.opinionList = [];
          this.$message.warning("个人评审意见" + res.data.meta.message);
        }
      });
    },
    getSummaryList() {
      var that = this;
      let url = config.baseUrl + "planreview/v1.0/planreview/summarylist";
      let params = {
        planSummaryId: this.$route.query.id
      };
      this.$axios(url, { params: params }).then(res => {
        if (res.data.meta.success) {
          that.summaryList = res.data.data;
        } else {
          that.summaryList = [];
        }
      });
    },
    handleDialogShow(row) {
      var that = this;
      this.assessTable = false;
      this.shapeList = [];
      this.factorList = [];
      this.accessoryList = [];
      this.gatherList = [];
      that.signImg = "";
      var reviewType = parseInt(row.reviewType);
      let url = config.baseUrl + "bsReview/v1.0/review/info";
      let url2 = config.baseUrl + "/emergency/v1.0/review/info";
      let params = {
        reviewId: row.id
      };
      let params2 = {
        planSummaryId: row.planSummaryId,
        userId: row.userId,
        tableType: row.reviewType
      };
      if (reviewType) {
        if (reviewType == 4) {
          this.$axios
            .post(url2, params2)
            .then(res => {
              if (res.data.meta.success) {
                this.signImgo4 = res.data.data.list[0].url;
                that.gatherList = res.data.data.list;
                that.companyName = res.data.data.companyName;
                if (that.gatherList.length) {
                  that.assessTable = true;
                  that.signImg = that.gatherList[0].autograph;
                }
              } else {
                that.$message.warning(res.data.meta.message);
              }
            })
            .catch(response => {
              console.log(response);
            });
        } else {
          this.$axios(url, { params: params })
            .then(res => {
              if (res.data.meta.success) {
                this["signImgo" + row.reviewType] = res.data.data.autograph;
                if (reviewType == 1) {
                  that.shapeList = res.data.data.list;
                  that.signImg = res.data.data.autograph;
                } else if (reviewType == 2) {
                  that.factorList = res.data.data.list;
                  that.signImg = res.data.data.autograph;
                } else if (reviewType == 3) {
                  that.accessoryList = res.data.data.list;
                  that.signImg = res.data.data.autograph;
                }
                if (
                  that.shapeList.length ||
                  that.factorList.length ||
                  that.accessoryList.length
                ) {
                  that.assessTable = true;
                }
              } else {
                that.$message.warning(res.data.meta.message);
              }
            })
            .catch(response => {
              console.log(response);
            });
        }
      }
    },
    handleDialogShow2(row) {
      var that = this;
      this.assessTable2 = false;
      this.shapeList2 = [];
      this.factorList2 = [];
      this.accessoryList2 = [];
      this.gatherList2 = [];
      var reviewType = parseInt(row.reviewType);
      let url = config.baseUrl + "bsReview/v1.0/review/summaryInfoByType";
      let url2 = config.baseUrl + "emergency/v1.0/review/look?id=" + row.id;
      let params = {
        planSummaryId: row.planSummaryId,
        reviewType: row.reviewType
      };
      if (reviewType) {
        if (reviewType == 4) {
          this.$axios
            .post(url2)
            .then(res => {
              if (res.data.meta.success) {
                this.signImg4 = res.data.data.url;
                that.gatherList2 = res.data.data.list;
                that.companyName2 = res.data.data.list[0].companyName;
                if (that.gatherList2.length) {
                  that.assessTable2 = true;
                }
                this.suggest2 = res.data.data.list[0].opinion;
              } else {
                that.$message.warning(res.data.meta.message);
              }
            })
        } else {
          this.$axios(url, { params: params })
            .then(res => {
              if (res.data.meta.success) {
                this["signImg" + row.reviewType] = res.data.data.url;
                if (reviewType == 1) {
                  that.shapeList2 = res.data.data.list;
                } else if (reviewType == 2) {
                  that.factorList2 = res.data.data.list;
                } else if (reviewType == 3) {
                  that.accessoryList2 = res.data.data.list;
                }
                if (
                  that.shapeList2.length ||
                  that.factorList2.length ||
                  that.accessoryList2.length
                ) {
                  that.assessTable2 = true;
                }
              } else {
                that.$message.warning(res.data.meta.message);
              }
            })
        }
      }
    }
  },
  filters: {
    changeType(val) {
      if (!val) {
        return "";
      }
      if (val == 1) {
        return "形式评审表";
      } else if (val == 2) {
        return "要素评审表";
      } else if (val == 3) {
        return "附件要素评审表";
      } else if (val == 4) {
        return "评审意见表";
      }
    }
  }
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='less'>
@import "../../../static/css/assess.less";
.assess .el-textarea__inner{
  cursor: default;
}
</style>
<style scoped >
 .div-radio1,.div-radio2,p,tr,td{
  cursor: default;
}
</style>


